<%@include file="header.jsp" %>
<%@page import="futbolfacil.modelo.Local"%>
<%@page import="futbolfacil.modelo.Cancha"%>
<%@page import="java.util.ArrayList"%>
    <!-- content -->
    <div id="content">
      <div id="indent">
        <div class="wrapper">
          <div class="col-1">

            <div class="box">
              
                              <div class="inner">
                                <div class="wrapper">
                                  <ul class="list">
                                   <li><a href="frmProgramarMant.html">Programar mantenimiento</a></li>
                                   
                                  </ul>
                                </div>
                              </div>
                          
            </div>
          </div>
          <div class="col-2">
            <div class="box-2">
             
                              <div class="inner">
                                <div class="wrapper">
									${id}
                                    <h1>Programar Mantenimiento</h1>
                                    <div id="insert" style="width:600px;">
                                    <fieldset>
                                    <legend>Datos</legend>
                                    <form  name="frmMantenimiento" method="POST" action="ProgramarMantenimientoCanchaServlet">
                                        <label>Local:</label>
	                                    <select id="cboLocal" name="cboLocal" onchange="cargarCanchas('#divCanchas');">
	                                     <option value="0">Seleccione local</option>	
		                                   	<%	
 		                                    ArrayList<Local> locales = (ArrayList<Local>) request.getAttribute("ListadoLocales");
		                                    if(locales != null){
			                                    for(Local x : locales){
				                                    out.println("<option value='"+ x.getCodigoLocal() +"' > "+ x.getDescripcionLocal() +"</option>");
			                                    }
		                                    }
		                                    %>
	                                    </select><br />
	                                    <label>Cancha:</label>
	                                    <div id="divCanchas">
	                                    <select name="cboCancha">	
		                                 <option>Seleccione cancha</option>
	                                    </select>
	                                    </div><br />		                                    
	                                    <label>Fecha Inicio:</label>
	                                    <input class="datepicker" name="txtFechaIni" type="text" id="txtFechaIni" style="width:100px;" />	                                    
										<br />	
										<label>Hora Inicio:</label>
										<select name="cboHoraIni" style="width:70px;">	
		                                    <%	
 		                                    ArrayList<String> horasI = (ArrayList<String>) request.getAttribute("ListadoHoras");
		                                    if(horasI != null){
			                                    for(String hora : horasI){ 
				                                    out.println("<option value='"+ hora +"' > "+ hora +"</option>");
			                                    }
		                                    }
		                                    %>
	                                    </select><br />
										<label>Fecha Fin:</label>
	                                    <input class="datepicker" name="txtFechaFin" type="text" id="txtFechaFin" style="width:100px;" />
	                                    <br />
	                                    <label>Hora Fin:</label>
	                                    <select name="cboHoraFin" style="width:70px;">	
		                                    <%	
 		                                    ArrayList<String> horasF = (ArrayList<String>) request.getAttribute("ListadoHoras");
		                                    if(horasF != null){
			                                    for(String hora : horasF){ 
				                                    out.println("<option value='"+ hora +"' > "+ hora +"</option>");
			                                    }
		                                    }
		                                    %>
	                                    </select><br />	
	                                    <label>Precio:</label><input type="text" id="txtPrecio" name="txtPrecio" style="width:70px;" />
	                                    <br />										
										<label>Descripci&oacute;n:</label>
										<textarea name="txtDescripcion"></textarea>
										<br /><br />
	                                    <label>&nbsp;</label><input type="submit" name="submit1" value="Registrar Mantenimiento" /> <input type="reset" name="reset1" value="Limpiar" />
                                    </form>
                                    </fieldset>
                                    </div>

                                    <div id="grid">
                                        <table class='tabla02' width='100%'>
		                                    <tr>
			                                    <th><strong>Campo1</strong></th>
			                                    <th><strong>Campo2</strong></th>
			                                    <th><strong>Campo3</strong></th>
			                                    <th><strong>Campo4</strong></th>
			                                    <th><strong>Accion</strong></th>
		                                    </tr>	
		                                    <tr>
			                                    <td>Data 1</td>
			                                    <td>Data 2</td>
			                                    <td>Data 3</td>
			                                    <td>Data 4</td>
			                                    <td>
				                                    <a href="javascript:void(0);" onClick="">Editar</a>
				                                    <a href="javascript:void(0);" onClick="">Eliminar</a>
			                                    </td>
		                                    </tr>
		                                    <tr>
			                                    <td>Data 1</td>
			                                    <td>Data 2</td>
			                                    <td>Data 3</td>
			                                    <td>Data 4</td>
			                                    <td>
				                                    <a href="javascript:void(0);" onClick="">Editar</a>
				                                    <a href="javascript:void(0);" onClick="">Eliminar</a>
			                                    </td>
		                                    </tr>
		                                    <tr>
			                                    <td>Data 1</td>
			                                    <td>Data 2</td>
			                                    <td>Data 3</td>
			                                    <td>Data 4</td>
			                                    <td>
				                                    <a href="javascript:void(0);" onClick="">Editar</a>
				                                    <a href="javascript:void(0);" onClick="">Eliminar</a>
			                                    </td>
		                                    </tr>
	                                    </table>
                                    </div>
                                </div>
              </div>
                            
            </div>
          </div>

        </div>
      </div>
    </div>
<%@include file="footer.jsp" %>